<template lang="pug">
  v-container(grid-list-xl fluid)
    v-layout(row wrap)
      v-flex(lg12)
        v-container.px-0
          v-card
            v-tabs(center-active v-model="curTab" dark background-color="indigo")
              v-tab(v-for="tab in tabs" :key="tab['id']") {{ tab['label'] }}
              v-tab-item(key="orders")
                Order
              v-tab-item(key="customer")
                Customer
</template>

<script lang="ts">
  import Vue, {VueConstructor} from 'vue'
  import Customer from '@/components/customer/customer.vue'
  import Order from '@/components/order/order.vue'
  export default (Vue as VueConstructor<Vue & {

  }>).extend({
    name: "Orders",
    components:{Customer, Order},
    data() {
      return {
        curTab: 0,
        tabs: [
          {id: "order", label: "订单", isDefault: false},
          {id: "customer", label: "客户", isDefault: true},
        ]
      }
    },
  })
</script>
